<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>

<body>
<div id="app">
    <ul>
        <li>名称：{{info.name}}</li>
        <!--url绑定-->
        <li><a v-bind:href="info.url">{{info.url}}</a></li>
        <li>街道：{{info.address.city}}+{{info.address.street}}</li>
    </ul>
</div>

<!--引入Vue-->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<!--引入axios-->
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script type="text/javascript">
    var vm = new Vue({
        el:"#app",
        data() {
            return {
                info:{
                    name:"",
                    url:"",
                    address:{
                        street:"",
                        city:"",
                        country:""
                    }
                }
            }
        },
        mounted() {
            /*get请求*/
            axios.get("data.json").then(response => this.info = response.data)
        }


    });
</script>


</body>
</html>